.item {
    $gutter: 20px;
    $wL: 300px;
    $wR: 260px;
    $pl:70px;
    $pr:70px;
    $pt:50px;
    $pb:30px;
    $wC: calc(1560px - #{$wL} - #{$wR} - #{$pl} - #{$pr} );

    color: #2D394B;
    overflow: hidden;
    transition: all 0.2s;
    display: flex;
    padding: $pt $pr $pb $pl;
    position: relative;

    &:not(:last-child) {
        margin-bottom: $gutter;
    }

    // 左侧 用户信息
    &_left {
        width: $wL;
        flex: 0 0 $wL;
        padding-top: 10px;

        .avatarBox{
            display: flex;
            align-items: center;
            margin-top: 20px;
            p{
                margin: 0;
            }
            .avatar {
                $wh:60px;
                border-radius: 50%;
                width: $wh;
                height: $wh;
				display: flex;
				align-items: center;
				justify-content: center;
                overflow: hidden;
                margin-right: 20px;
                flex-shrink: 0;
				border: 1px solid #f1f1f1;
    
                .img {
                    max-height: 80%;
                    max-width: 80%;
                    overflow: hidden;
                }
            }
            .name{
                font-size: 18px;
                color: #000;
                max-width: 10vw;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
            .item_txt{
                margin-top: 10px;
            }
        }
    }

    // 中间 标题 求购数量
    &_cen {
        width: $wC;
        flex: $wC;
        // border-right: #E8E9EC solid 1px;
        padding: 0 60px;
        display: flex;
        justify-content: space-between;

        &_name {
            display: flex;
            align-items: flex-start;
            padding-right: 30px;
            margin-top: 0;
            font-size: 24px;
            font-weight: bold;
            color: #000;

            .img {
                position: relative;
                top: -2px;
                margin-left: 4px;
            }

            &:hover {
                color: #D53B76;
            }
        }
        // 中间左侧
        &_l{
        }
        // 中间右侧
        &_r{
            display: flex;
            align-items: center;
            padding-left: 4vw;
        }
    }

    // 右侧 按钮
    &_right {
        width: $wR;
        flex: 0 0 $wR;
        display: flex;
        align-items: center;
        justify-content: center;

        .num {
            color: #FF455F;
        }
    }

    // 最新类型
    &_type {
        font-size: 10px;
        padding: 4px;
        border-radius: 2px;
        text-align: center;

        &-0 {
            color: #835D10;
            background-color: #FFBE3B;
        }

        &-1 {
            background-color: #FF455F;
            color: #fff;
        }
    }
    // 区域
    &_region{
        font-size: 20px;
        color: #838383;
    }
    // 时间
    &_time {
        font-size: 16px;
        color: rgba(0,0,0,0.5);
    }

    &_txt {
        color: #838383;
        font-size: 16px;
    }
    &_num{
        font-size: 20px;
        color:#838383;
    }

    // 标题
    &_productName {
        font-size: 20px;
        color: #2D394B;
        word-break: break-all;
    }

    // 下间距
    .mb {
        margin-bottom: 20px;
    }

    // 按钮
    .btn {
        width: 220px;
        height: 50px;
        font-size: 20px;
        background-color: #D53B76;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;

        &-disabled {
            cursor: not-allowed;
            opacity: 0.3;
        }
    }
    // 类型标签
    .tag {
        padding: 4px 26px 4px 16px;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 11;
        border-radius: 10px 0 40px 0;

        // 求购
        &1 {
            background: #E35191;
        }

        // 供应
        &2 {
            background: #659BFD;
        }
    }

}

	@media (min-width: 1441px) and (max-width: 1750px) {
		@function scale($currentSize) {
			@return calc(#{$currentSize} * #{$global_scale_1600});
		}
		.item {
		    $gutter: scale(20px);
		    $wL: scale(300px);
		    $wR: scale(260px);
		    $pl:scale(70px);
		    $pr:scale(70px);
		    $pt:scale(50px);
		    $pb:scale(30px);
		    $wC: calc(1560px - #{$wL} - #{$wR} - #{$pl} - #{$pr} );
		 
		    padding: $pt $pr $pb $pl;
		
		    &:not(:last-child) {
		        margin-bottom: $gutter;
		    }
		
		    // 左侧 用户信息
		    &_left {
		        width: $wL;
		        flex: 0 0 $wL;
		        padding-top: scale(10px);
		
		        .avatarBox{
		            margin-top: scale(20px);
		            .avatar {
		                $wh:scale(60px);
		         
		                width: $wh;
		                height: $wh;
		                margin-right: scale(20px);
		    
		                .img {
		                    max-height: $wh;
		                    max-width: $wh;
		                }
		            }
		            .name{
		                font-size: scale(18px);
		                max-width: scale(10vw);
		            
		            }
		            .item_txt{
		                margin-top: scale(10px);
		            }
		        }
		    }
		
		    // 中间 标题 求购数量
		    &_cen {
		        width: $wC;
		        flex: $wC;
		        padding: 0 scale(60px);
		
		
		        &_name {
		            padding-right: scale(30px);
		            font-size: scale(24px);
		
		            .img {
		                top: scale(-2px);
		                margin-left:scale( 4px);
		            }
		        }
		        // 中间左侧
		        &_l{
		        }
		        // 中间右侧
		        &_r{
		            padding-left: scale(4vw);
		        }
		    }
		
		    // 右侧 按钮
		    &_right {
		        width: $wR;
		        flex: 0 0 $wR;
		      
		    }
		
		    // 最新类型
		    &_type {
		        font-size: scale(10px);
		        padding: scale(4px);
		        border-radius: scale(2px);
		    }
		    // 区域
		    &_region{
		        font-size: scale(20px);
		    }
		    // 时间
		    &_time {
		        font-size: scale(16px);
		    }
		
		    &_txt {
		        font-size: scale(16px);
		    }
		    &_num{
		        font-size: scale(20px);
		    }
		
		    // 标题
		    &_productName {
		        font-size: scale(20px);
		    }
		
		    // 下间距
		    .mb {
		        margin-bottom: scale(20px);
		    }
		
		    // 按钮
		    .btn {
		        width: scale(220px);
		        height: scale(50px);
		        font-size: scale(18px);
		    }
		    // 类型标签
		    .tag {
		        padding: scale(4px) scale(26px) scale(4px) scale(16px);
		        font-size: scale(16px);
		        border-radius: scale(10px) 0 scale(40px)0;
		    }
		
		}
		
		}
		
	@media screen and (min-width: 1100px) and (max-width: 1440px) {
		@function scale($currentSize) {
			@return calc(#{$currentSize} * #{$global_scale_1600});
		}
		.item {
		    $gutter: scale(20px);
		    $wL: scale(200px);
		    $wR: scale(160px);
		    $pl:scale(70px);
		    $pr:scale(70px);
		    $pt:scale(50px);
		    $pb:scale(30px);
		    $wC: scale(850px);
		 
		    padding: $pt $pr $pb $pl;
		
		    &:not(:last-child) {
		        margin-bottom: $gutter;
		    }
		
		    // 左侧 用户信息
		    &_left {
		        width: $wL;
		        flex: 0 0 $wL;
		        padding-top: scale(10px);
		
		        .avatarBox{
		            margin-top: scale(20px);
		            .avatar {
		                $wh:scale(60px);
		                width: $wh;
		                height: $wh;
		                margin-right: scale(20px);
		    
		                .img {
		                    max-height: $wh;
		                    max-width: $wh;
		                }
		            }
		            .name{
		                font-size: scale(16px);
		                max-width: scale(10vw);
		            
		            }
		            .item_txt{
		                margin-top: scale(10px);
		            }
		        }
		    }
		
		    // 中间 标题 求购数量
		    &_cen {
		        width: $wC;
		        flex: 0 0 $wC;
		        padding: 0 scale(60px);
		
		
		        &_name {
		            padding-right: scale(30px);
		            font-size: scale(24px);
		
		            .img {
		                top: scale(-2px);
		                margin-left:scale( 4px);
		            }
		        }
		        // 中间左侧
		        &_l{
		        }
		        // 中间右侧
		        &_r{
					width: 150px;
					flex: 0 0 150px;
		            padding-left: scale(4vw);
		        }
		    }
		
		    // 右侧 按钮
		    &_right {
		        width: $wR;
		        flex: 0 0 $wR;
		      
		    }
		
		    // 最新类型
		    &_type {
		        font-size: scale(10px);
		        padding: scale(4px);
		        border-radius: scale(2px);
		    }
		    // 区域
		    &_region{
		        font-size: scale(16px);
		    }
		    // 时间
		    &_time {
		        font-size: scale(16px);
		    }
		
		    &_txt {
		        font-size: scale(16px);
		    }
		    &_num{
		        font-size: scale(16px);
		    }
		
		    // 标题
		    &_productName {
		        font-size: scale(18px);
		    }
		
		    // 下间距
		    .mb {
		        margin-bottom: scale(20px);
		    }
		
		    // 按钮
		    .btn {
		        width: scale(160px);
		        height: scale(40px);
		        font-size: scale(16px);
		    }
		    // 类型标签
		    .tag {
		        padding: scale(4px) scale(26px) scale(4px) scale(16px);
		        font-size: scale(16px);
		        border-radius: scale(10px) 0 scale(40px)0;
		    }
		
		}
		
		}
		
		
		@media (max-width: 767px) {
			@function scale($currentSize) {
				@return calc(#{$currentSize} * #{$global_scale_750});
			}
			.item {
			    $gutter: scale(20px);
			    $wL: 100%;
			    $wR:100%;
			    $pl:scale(70px);
			    $pr:scale(70px);
			    $pt:scale(50px);
			    $pb:scale(30px);
			    $wC: scale(850px);
				display: block;
			 
			    padding: $pt $pr $pb $pl;
			
			    &:not(:last-child) {
			        margin-bottom: $gutter;
			    }
			
			    // 左侧 用户信息
			    &_left {
			        width: $wL;
			        flex: 0 0 $wL;
			        padding-top: scale(10px);
					margin-bottom: 15px;
			
			        .avatarBox{
			            margin-top: scale(20px);
			            .avatar {
			                $wh:40px;
			                width: $wh;
			                height: $wh;
			                margin-right: scale(20px);
			    
			                .img {
			                    max-height: $wh;
			                    max-width: $wh;
			                }
			            }
			            .name{
			                font-size: scale(16px);
			                max-width: 100%;
			            
			            }
			            .item_txt{
			                margin-top: scale(10px);
			            }
			        }
			    }
			
			    // 中间 标题 求购数量
			    &_cen {
			        width: $wC;
			        flex: 0 0 $wC;
			        padding: 0;
					display: block;
					margin-bottom: 15px;
			
			        &_name {
			            padding-right: scale(30px);
			            font-size: scale(24px);
			
			            .img {
			                top: scale(-2px);
			                margin-left:scale( 4px);
			            }
			        }
			        // 中间左侧
			        &_l{
			        }
			        // 中间右侧
			        &_r{
						width: 100%;
						flex: 0 0 100%;
			            padding-left: 0;
						display: block;
			        }
			    }
			
			    // 右侧 按钮
			    &_right {
			        width: $wR;
			        flex: 0 0 $wR;
			      
			    }
			
			    // 最新类型
			    &_type {
			        font-size: scale(10px);
			        padding: scale(4px);
			        border-radius: scale(2px);
			    }
			    // 区域
			    &_region{
			        font-size: scale(16px);
			    }
			    // 时间
			    &_time {
			        font-size: scale(16px);
			    }
			
			    &_txt {
			        font-size: scale(12px);
					
			    }
			    &_num{
			        font-size: scale(16px);
					margin: 0;
			    }
			
			    // 标题
			    &_productName {
			        font-size: scale(18px);
			    }
			
			    // 下间距
			    .mb {
			        margin-bottom: scale(20px);
			    }
			
			    // 按钮
			    .btn {
			        width: scale(200px);
			        height: scale(70px);
			        font-size: scale(16px);
			    }
			    // 类型标签
			    .tag {
			        padding: scale(4px) scale(26px) scale(4px) scale(16px);
			        font-size: scale(16px);
			        border-radius: scale(10px) 0 scale(40px)0;
			    }
			
			}
			
			}